<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>分步表单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="/css/public.css" media="all">
    <link rel="stylesheet" href="/js/lay-module/step-lay/step.css" media="all">
    <style>
        .bold{
            font-weight: bold;
            color: #0C0C0C;
        }
    </style>
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">

        <div class="layui-fluid">
            <div class="layui-card">
                <div class="layui-card-body" style="padding-top: 40px;">
                    <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
                        <div carousel-item>
                            <!--班级表单-->
                            <div>
                                <form class="layui-form" lay-filter="class-form" style="height:255px;margin: 0 auto;max-width: 700px;padding-top: 40px;">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">班级</label>
                                        <div class="layui-input-block">
                                            <select id="class-view" lay-filter="stu-class" name="classId" lay-verify="required" lay-reqtext="请选择班级">
                                            </select>
                                            <div id="class-top-view"></div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit lay-filter="formStep">&emsp;下一步&emsp;</button>
                                        </div>
                                    </div>
                                </form>
                                <hr style="position: relative;">
                                <div class="layui-input-block" style="color: #aaaaaa;font-size: 15px">
                                    <label>说明：</label>
                                    <label>请选择要生成评语的班级。</label>
                                </div>
                            </div>
                            <!--印象表单-->
                            <div>
                                <form class="layui-form" lay-filter="impression-form" style="margin: 0 auto;max-width: 700px;padding-top: 40px;">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">优秀</label>
                                        <div class="layui-input-block">
                                            <div id="impression-excellent-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">良好</label>
                                        <div class="layui-input-block">
                                            <div id="impression-good-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">合格</label>
                                        <div class="layui-input-block">
                                            <div id="impression-qualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">不合格</label>
                                        <div class="layui-input-block">
                                            <div id="impression-unqualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep2">&emsp;下一步&emsp;</button>
                                        </div>
                                    </div>
                                </form>
                                <hr style="position: relative;">
                                <div class="layui-input-block" style="color: #aaaaaa;font-size: 15px">
                                    <label>说明：</label>
                                    <label>给自己的学生打上<span class="bold">【印象】</span>标签，即对学生的整体印象，建议所有学生都打上标签。</label>
                                </div>
                            </div>
                            <!--纪律表单-->
                            <div>
                                <form class="layui-form" lay-filter="discipline-form" style="margin: 0 auto;max-width: 700px;padding-top: 40px;">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">优秀</label>
                                        <div class="layui-input-block">
                                            <div id="discipline-excellent-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">良好</label>
                                        <div class="layui-input-block">
                                            <div id="discipline-good-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">合格</label>
                                        <div class="layui-input-block">
                                            <div id="discipline-qualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">不合格</label>
                                        <div class="layui-input-block">
                                            <div id="discipline-unqualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep3">&emsp;下一步&emsp;</button>
                                        </div>
                                    </div>
                                </form>
                                <hr style="position: relative;">
                                <div class="layui-input-block" style="color: #aaaaaa;font-size: 15px">
                                    <label>说明：</label>
                                    <label>给自己的学生打上<span class="bold">【纪律】</span>标签，即学生在校纪律表现，建议所有学生都打上标签</label>
                                </div>
                            </div>
                            <!--课堂表单-->
                            <div>
                                <form class="layui-form" lay-filter="classroom-form" style="margin: 0 auto;max-width: 700px;padding-top: 40px;">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">优秀</label>
                                        <div class="layui-input-block">
                                            <div id="classroom-excellent-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">良好</label>
                                        <div class="layui-input-block">
                                            <div id="classroom-good-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">合格</label>
                                        <div class="layui-input-block">
                                            <div id="classroom-qualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">不合格</label>
                                        <div class="layui-input-block">
                                            <div id="classroom-unqualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep4">&emsp;下一步&emsp;</button>
                                        </div>
                                    </div>
                                </form>
                                <hr style="position: relative;">
                                <div class="layui-input-block" style="color: #aaaaaa;font-size: 15px">
                                    <label>说明：</label>
                                    <label>给自己的学生打上<span class="bold">【课堂】</span>标签，即学生的课堂表现，建议所有学生都打上标签。</label>
                                </div>
                            </div>
                            <!--发言表单-->
                            <div>
                                <form class="layui-form" lay-filter="speak-form" style="margin: 0 auto;max-width: 700px;padding-top: 40px;">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">优秀</label>
                                        <div class="layui-input-block">
                                            <div id="speak-excellent-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">良好</label>
                                        <div class="layui-input-block">
                                            <div id="speak-good-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">合格</label>
                                        <div class="layui-input-block">
                                            <div id="speak-qualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">不合格</label>
                                        <div class="layui-input-block">
                                            <div id="speak-unqualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep5">&emsp;下一步&emsp;</button>
                                        </div>
                                    </div>
                                </form>
                                <hr style="position: relative;">
                                <div class="layui-input-block" style="color: #aaaaaa;font-size: 15px">
                                    <label>说明：</label>
                                    <label>给自己的学生打上<span class="bold">【发言】</span>标签，即学生在课堂发言情况，建议所有学生都打上标签。</label>
                                </div>
                            </div>
                            <!--作业表单-->
                            <div>
                                <form class="layui-form" lay-filter="homework-form" style="margin: 0 auto;max-width: 700px;padding-top: 40px;">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">优秀</label>
                                        <div class="layui-input-block">
                                            <div id="homework-excellent-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">良好</label>
                                        <div class="layui-input-block">
                                            <div id="homework-good-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">合格</label>
                                        <div class="layui-input-block">
                                            <div id="homework-qualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">不合格</label>
                                        <div class="layui-input-block">
                                            <div id="homework-unqualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep6">&emsp;下一步&emsp;</button>
                                        </div>
                                    </div>
                                </form>
                                <hr style="position: relative;">
                                <div class="layui-input-block" style="color: #aaaaaa;font-size: 15px">
                                    <label>说明：</label>
                                    <label>给自己的学生打上<span class="bold">【作业】</span>标签，即学生平时作业完成情况，建议所有学生都打上标签。</label>
                                </div>
                            </div>
                            <!--工作表单-->
                            <div>
                                <form class="layui-form" lay-filter="job-form" style="margin: 0 auto;max-width: 700px;padding-top: 40px;">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">优秀</label>
                                        <div class="layui-input-block">
                                            <div id="job-excellent-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">良好</label>
                                        <div class="layui-input-block">
                                            <div id="job-good-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">合格</label>
                                        <div class="layui-input-block">
                                            <div id="job-qualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">不合格</label>
                                        <div class="layui-input-block">
                                            <div id="job-unqualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep7">&emsp;下一步&emsp;</button>
                                        </div>
                                    </div>
                                </form>
                                <hr style="position: relative;">
                                <div class="layui-input-block" style="color: #aaaaaa;font-size: 15px">
                                    <label>说明：</label>
                                    <label>该标签仅为班干部专属，即班干部在校的班级工作情况，不需要给非班干部学生打标签。</label>
                                </div>
                            </div>
                            <!--成绩表单-->
                            <div>
                                <form class="layui-form" lay-filter="score-form" style="margin: 0 auto;max-width: 700px;padding-top: 40px;">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">优秀</label>
                                        <div class="layui-input-block">
                                            <div id="score-excellent-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">良好</label>
                                        <div class="layui-input-block">
                                            <div id="score-good-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">合格</label>
                                        <div class="layui-input-block">
                                            <div id="score-qualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">不合格</label>
                                        <div class="layui-input-block">
                                            <div id="score-unqualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep8">&emsp;下一步&emsp;</button>
                                        </div>
                                    </div>
                                </form>
                                <hr style="position: relative;">
                                <div class="layui-input-block" style="color: #aaaaaa;font-size: 15px">
                                    <label>说明：</label>
                                    <label>给自己的学生打上<span class="bold">【成绩】</span>标签，即学生的考试成绩，建议所有学生都打上标签。</label>
                                </div>
                            </div>
                            <!--期望表单-->
                            <div>
                                <form class="layui-form" lay-filter="expect-form" style="margin: 0 auto;max-width: 700px;padding-top: 40px;">

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">优秀</label>
                                        <div class="layui-input-block">
                                            <div id="expect-excellent-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">良好</label>
                                        <div class="layui-input-block">
                                            <div id="expect-good-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">合格</label>
                                        <div class="layui-input-block">
                                            <div id="expect-qualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label required">不合格</label>
                                        <div class="layui-input-block">
                                            <div id="expect-unqualified-select"></div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep9">&emsp;下一步&emsp;</button>
                                        </div>
                                    </div>
                                </form>
                                <hr style="position: relative;">
                                <div class="layui-input-block" style="color: #aaaaaa;font-size: 15px">
                                    <label>说明：</label>
                                    <label><span class="bold">【期望】</span>标签可以理解为对学生的期望，级别越优秀即对学生期望越大。</label>
                                </div>
                            </div>
                            <!--确认生成-->
                            <div>
                                <form class="layui-form" style="margin: 0 auto;max-width: 1000px;padding-top: 40px;">

                                    <table lay-filter="parse-table-demo">
                                        <thead>
                                            <tr>
                                                <th lay-data="{field:'type', width:200}">类型</th>
                                                <th lay-data="{field:'name-list', width:785}">名单</th>
                                            </tr>
                                        </thead>
                                        <tbody id="name-list-view"></tbody>
                                    </table>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                            <button class="layui-btn" lay-submit lay-filter="formStep10">
                                                确认生成
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <div>
                                <div style="text-align: center;margin-top: 20px;">
                                    <div style="font-size: 18px;color: #333;font-weight: 500;margin-top: 10px;">
                                        评语已自动生成
                                    </div>
                                    <form class="layui-form" style="margin: 0 auto;max-width: 1000px;padding-top: 0px;">

                                        <table lay-filter="parse-table-comment">
                                            <thead>
                                            <tr>
                                                <th lay-data="{field:'serial', width:40}"></th>
                                                <th lay-data="{field:'stuName', width:100}">姓名</th>
                                                <th lay-data="{field:'comment', width:780}">评语</th>
                                                <th lay-data="{field:'copy', width:73}">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody id="comment-list-view"></tbody>
                                        </table>
                                    </form>
                                </div>
                                <div style="text-align: center;">
                                    <button class="layui-btn" id="again">重新生成</button>
                                    <button class="layui-btn" id="excelExport">导出EXCEL</button>
                                    <button class="layui-btn" id="wordExport">导出WORD</button>
                                    <button class="layui-btn layui-btn-primary" id="returnBtn">返回</button>
                                </div>
                            </div>

                        </div>
                    </div>
<!--                    <hr>-->
<!--                    <div style="color: #666;margin-top: 30px;margin-bottom: 40px;padding-left: 30px;">-->
<!--                        <h3>说明</h3><br>-->
<!--                        <h4>入款到保险箱</h4>-->
<!--                        <p>如果需要，这里可以放一些关于产品的常见问题说明。</p>-->
<!--                        <br><h4>入款到现金</h4>-->
<!--                        <p>如果需要，这里可以放一些关于产品的常见问题说明。</p>-->
<!--                    </div>-->
                </div>
            </div>
        </div>

    </div>
</div>

<script src="/js/common/ac-common.js" charset="utf-8"></script>
<script src="/js/md5.js"></script>
<script src="/lib/clipboard/clipboard.min.js" charset="utf-8"></script>
<script src="/js/auto-comment/auto-comment-step.js" charset="utf-8"></script>
<script src="/js/lay-module/xm-select/xm-select.js" charset="utf-8"></script>

<script id="class-temp" type="text/html">
    <option value="">请选择</option>
    {{#  layui.each(d, function(index, item){ }}
    <option value="{{item.id}}">{{item.className}}
        {{#  if(item.grade != null && item.stuClass != null){ }}
        （{{item.grade}}年级{{item.stuClass}}班）
        {{#  } }}
    </option>
    {{#  }); }}
</script>

<script id="class-top-temp" type="text/html">
    <table class="layui-table class-top-body">
        <colgroup>
            <col width="120">
            <col>
        </colgroup>
        <tbody>
        <tr>
            <td>班主任：</td>
            <td>{{d.teacherName}}</td>
        </tr>
        <tr>
            <td>班级信息：</td>
            <td>{{d.className}}
                {{#  if(d.grade != null && d.stuClass != null){ }}
                （{{d.grade}}年级{{d.stuClass}}班）
                {{#  } }}
            </td>
        </tr>
        <tr>
            <td>课程信息：</td>
            <td>
                {{#  layui.each(d.courses, function(index, item){ }}
                《{{item.name}}》 任课老师：{{item.lecturerName}}<br>
                {{#  }); }}
            </td>
        </tr>
        </tbody>
    </table>
</script>

<script id="name-list-temp" type="text/html">
    {{#  layui.each(d, function(index, item){ }}
        {{#  layui.each(item.data, function(idx, child){ }}
            <tr>
                <td>{{item.type}}--{{child.name}}</td>
                <td>{{child.value}}</td>
            </tr>
        {{#  }); }}
    {{#  }); }}
</script>

<script id="comment-list-temp" type="text/html">
    {{#  layui.each(d, function(index, item){ }}
    <tr>
        <td>{{item.serial}}</td>
        <td>{{item.stuName}}</td>
        <td>{{item.comment}}</td>
        <td><button type="button" class="copy-btn layui-btn layui-btn-xs data-count-edit" data-name="{{item.stuName}}" data-comment="{{item.comment}}" data-clipboard-action="copy">复制</button></td>
    </tr>
    {{#  }); }}
</script>
</body>
</html>